<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* a标签嵌套其他标签的样式消除，尽量在a标签上处理 */
			a {
				color: #000;
				text-decoration: none;
			}
			/*
			 鼠标未覆盖：白底黑字
			 鼠标覆盖后：黑底白字
			 */
			a:hover {
				color: #fff;
				background-color: #000;
			}
		</style>
	</head>
	<body>
		<a href="https://www.baidu.com">
			<span>百度首页</span>
		</a>
	</body>
</html>